<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>我房人</title>
  <link rel="stylesheet" type="text/css" href="../css/reset.css"/>
  <link rel="stylesheet" type="text/css" href="../css/common.css"/>
  <link rel="stylesheet" type="text/css" href="../css/main.css"/>
  <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>

<body>
<!--头部开始-->
<div class="top-bar clearfix">
  <div class="fl cheng"></div>
  <div class="fl gray"></div>
</div>
<div class='top '>
  <div class="normal-size top-box">
    <div class="head clearfix">
      <!--logo开始-->
      <div class="logo fl"><img src="../images/logo.jpg" alt=""></div>
      <!--logo结束-->

      <!--导航栏开始-->
      <div class="nav-bar fl">
        <ul class="clearfix">
          <li class="fl nav-item"><a href="#">首页</a></li>
          <li class="fl nav-item"><span class="border-nav">|</span></li>
          <li class="fl nav-item ac ">
            <a href="#">我房要闻</a>
            <img class="arrow-d" src="../images/arrow-d.jpg" alt="">
            <ul class="nav-item-s-box">
              <li class="nav-item-s"><a href="#">我房动态</a></li>
              <li class="nav-item-s"><a href="#">政府关怀</a></li>
              <li class="nav-item-s"><a href="#">爱心行动</a></li>
            </ul>
          </li>
          <li class="fl nav-item"><span class="border-nav">|</span></li>
          <li class="fl nav-item"><a href="#">我房大事记</a></li>
          <li class="fl nav-item"><span class="border-nav">|</span></li>
          <li class="fl nav-item ac on">
            <a href="#">我房学院</a>
            <img class="arrow-d" src="../images/arrow-d.jpg" alt="">
            <ul class="nav-item-s-box">
              <li class="nav-item-s"><a href="#">旅策视野</a></li>
              <li class="nav-item-s"><a href="#">Q版楼市</a></li>
              <li class="nav-item-s"><a href="#">销售技巧</a></li>
              <li class="nav-item-s"><a href="#">职场技能</a></li>
              <li class="nav-item-s"><a href="#">知识分享</a></li>
            </ul>
          </li>
          <li class="fl nav-item"><span class="border-nav">|</span></li>
          <li class="fl nav-item ac">
            <a href="#">关于我们</a>
            <img class="arrow-d" src="../images/arrow-d.jpg" alt="">
            <ul class="nav-item-s-box">
              <li class="nav-item-s"><a href="#">公司简介</a></li>
              <li class="nav-item-s"><a href="#">资质信誉</a></li>
            </ul>
          </li>
          <li class="fl nav-item"><span class="border-nav">|</span></li>
          <li class="fl nav-item"><a href="#">加入我们</a></li>
          <li class="fl nav-item"><span class="border-nav">|</span></li>
          <li class="fl nav-item"><a href="#">投诉建议</a></li>
        </ul>
      </div>
      <!--导航栏结束-->

      <!--搜索开始-->
      <div class="search-box fl"><input type="text">
        <div class="search-icon"></div>
        <img src="../images/search-icon.png" alt=""></div>
      <!--搜索结束-->
      <div class="fr"><img src="../images/geyan.jpg" alt=""></div>

    </div>
  </div>
</div>
<!--头部结束-->

<!--学院开始-->
<div class="clearfix xueyuan-box normal-size">
  <!--左侧导航栏开始-->
  <div class="fl right-nav">
    <ul>
      <li class="on"><a href="xueyaun.html">旅策视野<img src="../images/border-img.jpg" alt=""></a></li>
      <li><a href="Qban.html">Q版楼市</a></li>
      <li><a href="#">销售技巧</a></li>
      <li><a href="#">职场技能</a></li>
      <li><a href="#">知识分享</a></li>
    </ul>
  </div>
  <!--左侧导航栏结束-->

  <!--右侧导航栏开始-->
  <div class="fr detail-txt">
    <div class="detail-box">
      <h2>2017-12 旅策视界（VOL:009-013）</h2>
      <div class="clearfix img-wrapper">
        <ul class="clearfix">
          <li class="fl">
            <div class="img-box">
              <img src="../images/xueyuan-04.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
          <li class="fl">
            <div class="img-box sm">
              <img src="../images/xueyuan-01.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
            <div class="img-box sm">
              <img src="../images/xueyuan-02.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
            <div class="img-box sm">
              <img src="../images/xueyuan-03.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
          <li class="fl">
            <div class="img-box">
              <img src="../images/xueyuan-04.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="detail-box">
      <h2>2017-12 旅策视界（VOL:009-013）</h2>
      <div class="clearfix img-wrapper md">
        <ul class="clearfix">
          <li class="fl">
            <div class="img-box ">
              <img src="../images/xueyuan-05.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
          <li class="fl">
            <div class="img-box">
              <img src="../images/xueyuan-05.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
          <li class="fl">
            <div class="img-box">
              <img src="../images/xueyuan-05.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
          <li class="fl">
            <div class="img-box">
              <img src="../images/xueyuan-05.jpg" alt="">
              <div class="modal-box">
                <p class="t">2017-12 旅策视界（VOL:009-013）</p>
                <p class="read-more-txt"><a href="#">了解更多→</a></p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--右侧导航栏结束-->
</div>
<!--学院结束-->



<!--尾部开始-->
<div class="footer">
  <div class="footer-top normal-size clearfix">
    <!--底部导航开始-->
    <div class="footer-nav-bar fl">
      <ul class="nav-ul clearfix">
        <li class="f-nav-item fl"><a href="#">关于我们</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">我房荣誉</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">联系我们</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">品牌识别</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">我房大事记</a></li>
      </ul>
    </div>
    <!--底部导航开始-->

    <!--底部联系电话开始-->
    <p class="f-tel fr">客服热线：<span>0898-66668989</span></p>
    <!--底部联系电话结束-->


  </div>
  <div class="footer-middle">
    <!--二维码开始-->
    <ul class="erweima-box normal-size clearfix">
      <li class="fl"><img src="../images/erweima_01.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_02.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_03.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_04.jpg" alt=""></li>
      <li class="fl erweima-btn"><p>收起二维码 <img src="../images/logo_59.png" alt=""></p></li>
      <li class="fl"><img src="../images/erweima_05.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_06.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_07.jpg" alt=""></li>
      <li class="fl" style="margin-right: 0"><img src="../images/erweima_08.jpg" alt=""></li>
    </ul>
    <!--二维码结束-->
  </div>
  <div class="footer-bottom">
    <div class="normal-size erweima-box">
      <div class="erweima-btn">展开二维码 <img src="../images/logo_71.png" alt=""></div>
    </div>
    <div class="b-box normal-size">
      <p>我房官网：www.wofang.com</p>
      <p>总部地址：海口市龙昆南路金霖花园别墅（海南特区报对面）7栋</p>
      <p>版权所有 Copyright @ All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;海南我房地产顾问有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;琼ICP备14000112号-2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
        href="#" style="color: #fff">http://www.wofang.com</a></p>
    </div>
  </div>
</div>
<!--尾部结束-->
<script type="text/javascript" src="../js/modernizr.js"></script>
<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/common.js"></script>
<script type="text/javascript">


</script>
</body>

</html>